<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if IE 9]> <html class="ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <%= (distro_key == "openshift-webscale") ? '<meta name="robots" content="noindex,nofollow">' : '' %>
  <title><%= [topic_title, subgroup_title].compact.join(' - ') %> | <%= group_title %> | <%= distro %> <%= version %></title>
  <link href="https://assets.openshift.net/content/subdomain.css" rel="stylesheet" type="text/css">
  <link href="https://docs.openshift.com/container-platform/4.1/_stylesheets/docs.css" rel="stylesheet" />
  <link href="https://docs.openshift.com/container-platform/4.1/_stylesheets/search.css" rel="stylesheet" />
  <link href="https://assets.openshift.net/content/subdomain/touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" type="image/png">
  <link href="https://assets.openshift.net/content/subdomain/favicon32x32.png" rel="shortcut icon" type="text/css">
  <link href="https://assets.openshift.net/content/osh-nav-footer.css" rel="stylesheet" type="text/css" media="screen, print" />
  <!--[if IE]><link rel="shortcut icon" href="https://assets.openshift.net/content/subdomain/favicon.ico"><![endif]-->
  <!-- or, set /favicon.ico for IE10 win -->
  <meta content="OpenShift" name="application-name">
  <meta content="#000000" name="msapplication-TileColor">
  <meta content="https://assets.openshift.net/content/subdomain/touch-icon-precomposed.png" name="msapplication-TileImage">
  <%= render("_templates/_analytics.html.erb", :distro_key => distro_key) %>
</head>
<body onload="selectVersion('<%= version %>');">
  <%= render("_templates/_topnav.html.erb", :distro_key => distro_key) %>
  <%
    unsupported_versions = ["3.0", "3.1", "3.2", "3.3", "3.4", "3.5", "3.6", "3.7", "3.9", "3.10"];
  %>
  <div class="container">
    <p class="toggle-nav visible-xs pull-left">
      <button class="btn btn-default btn-sm" type="button" data-toggle="offcanvas">Toggle nav</button>
    </p>
    <ol class="breadcrumb">
      <li class="sitename">
        <a href="/"><%= site_name %></a>
      </li>
      <li class="hidden-xs active">
        <% if (distro_key == "openshift-enterprise") %>
          <% if (version == "3.10" || version == "3.11" || version >= "3.3") %>
            <a href="https://docs.openshift.com/container-platform/<%= version %>/welcome/index.html">
              <%= distro %>
            </a>
          <% else %>
            <a href="https://docs.openshift.com/enterprise/<%= version %>/welcome/index.html">
              <%= distro %>
            </a>
          <% end %>
          <select id="version-selector" onchange="versionSelector(this);">
              <% if (version == "4.4") %>
                <option value="4.4">4.4</option>
                <% end %>
              <option value="4.3">4.3</option>
              <option value="4.2">4.2</option>
              <option value="4.1">4.1</option>
              <option value="3.11">3.11</option>
              <option value="3.10">3.10</option>
              <option value="3.9">3.9</option>
              <option value="3.7">3.7</option>
              <option value="3.6">3.6</option>
              <option value="3.5">3.5</option>
              <option value="3.4">3.4</option>
              <option value="3.3">3.3</option>
              <option value="3.2">3.2</option>
              <option value="3.1">3.1</option>
              <option value="3.0">3.0</option>
          </select>
        <% else %>
          <%= breadcrumb_root %>
        <% end %>
      </li>
      <li class="hidden-xs active">
        <%= breadcrumb_group %>
      </li>
      <%= breadcrumb_subgroup_block %>
      <li class="hidden-xs active">
        <%= breadcrumb_topic %>
      </li>

      <% if (distro_key != "openshift-origin") %>
      <span text-align="right" style="float: right !important">
        <a href="https://github.com/openshift/openshift-docs/commits/enterprise-<%= (distro_key == "openshift-enterprise") ? version : ((distro_key == "openshift-dedicated") ? "3.11" : "3.11") %>/<%= repo_path %>">
          Page history
        </a>
        <%
          unless (unsupported_versions.include? version)
        %>
        /
        <a href="https://github.com/openshift/openshift-docs/issues/new?title=<%= (distro_key == "openshift-enterprise") ? "[enterprise-#{version}] Edit suggested in file #{repo_path}" :
          ((distro_key == "openshift-dedicated") ? "[dedicated] Edit suggested in file #{repo_path}" : "[online] Edit suggested in file #{repo_path}") %>">
          Suggest an edit
        </a>
        <% end %>
      </span>
      <% end %>
    </ol>
    <div class="row row-offcanvas row-offcanvas-left">
      <div class="col-xs-8 col-sm-3 col-md-3 sidebar sidebar-offcanvas">
        <div class="row-fluid">
          <div id="hc-search">
            <input id="hc-search-input" type="text">
            <button id="hc-search-btn">Search</button>
          </div>

          <div id="hc-search-modal">
            <div id="hc-modal-content">
              <span id="hc-modal-close">&times;</span>
              <div id="hc-search-results-wrapper">
                <div id="hc-search-results"></div>
                <div id="hc-search-progress-indicator" class="text-center search-progress-indicator"><i class="fa fa-circle-o-notch fa-spin" style="font-size:42px"></i></div>
                <div class="text-center">
                  <button id="hc-search-more-btn">Show more results</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <%= render("_templates/_nav_openshift.html.erb", :distro_key => distro_key, :navigation => navigation, :group_id => group_id, :topic_id => topic_id, :subgroup_id => subgroup_id, :subtopic_shim => subtopic_shim, :subsubgroup_id => subsubgroup_id) %>
      </div>
      <div class="col-xs-12 col-sm-9 col-md-9 main">
        <div class="page-header">
          <h1><%= article_title %></h1>
        </div>
        <% if (version == "4.4") %>
          <font size="+1" color="red">This documentation is work in progress and might not be complete or fully tested.</font>
          <div id="annoying-box"
            style="position: fixed; top: 100px; left: 10px; width: 100px; height: 100px; color: red">
              This documentation is work in progress and might not be complete or fully tested.
          </div>
        <% end %>
        <%
           if (unsupported_versions.include? version)
        %>
          <font size="+1" color="red">You are viewing documentation for a release that is no longer supported. The latest supported version of version 3 is <a href="https://docs.openshift.com/container-platform/3.11/welcome/index.html">[3.11]</a>. For the most recent version 4, see <a href="https://docs.openshift.com/container-platform/latest/welcome/index.html">[4]</a></font>
          <div id="annoying-box"
            style="position: fixed; top: 100px; left: 10px; width: 100px; height: 100px; color: red">
              You are viewing documentation for a release that is no longer supported. The latest supported version of version 3 is <a href="https://docs.openshift.com/container-platform/3.11/welcome/index.html">[3.11]</a>. For the most recent version 4, see <a href="https://docs.openshift.com/container-platform/latest/welcome/index.html">[4]</a>
          </div>
        <% end %>
        <%= content %>
      </div>
    </div>
  </div>

  <script src="https://assets.openshift.net/content/modernizr.js" type="text/javascript"></script>
  <script src="https://assets.openshift.net/content/subdomain.js" type="text/javascript"></script>
  <script src="https://assets.openshift.net/content/nav-tertiary.js" type="text/javascript"></script>
  <script src="https://docs.openshift.com/container-platform/4.1/_javascripts/bootstrap-offcanvas.js" type="text/javascript"></script>
  <script src="https://docs.openshift.com/container-platform/4.1/_javascripts/reformat-html.js" type="text/javascript"></script>
  <script src="https://docs.openshift.com/container-platform/4.1/_javascripts/hc-search.js" type="text/javascript"></script>
  <script src="https://docs.openshift.com/container-platform/4.1/_javascripts/page-loader.js" type="text/javascript"></script>

  <script>
  var dk = '<%= distro_key %>';
  var version = '<%= version %>';

  var distros = {
    'openshift-origin': ['docs_origin', version],
    'openshift-dedicated': ['docs_dedicated', version],
    'openshift-online': ['docs_online', version],
    'openshift-enterprise': ['docs_cp', version],
    'openshift-aro' : ['docs_aro']
  };

  distros[dk] ? hcSearchCategory.apply(null, distros[dk]) : hcSearchCategory("docs");
  </script>

  <script type="text/javascript">
    /*<![CDATA[*/
    $(document).ready(function() {
      $("[id^='topicGroup']").on('show.bs.collapse', function (event) {
        if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
          $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
        }
      });
      $("[id^='topicGroup']").on('hide.bs.collapse', function (event) {
        if (!($(event.target).attr('id').match(/^topicSubGroup/))) {
          $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");
        }
      });
      $("[id^='topicSubGroup']").on('show.bs.collapse', function () {
        $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
      });
      $("[id^='topicSubGroup']").on('hide.bs.collapse', function () {
        $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");
      });
      $("[id^='topicSubSubGroup']").on('show.bs.collapse', function () {
        $(this).parent().find("[id^='ssgSpan']").toggleClass("fa-caret-right fa-caret-down");
      });
      $("[id^='topicSubSubGroup']").on('hide.bs.collapse', function () {
        $(this).parent().find("[id^='ssgSpan']").toggleClass("fa-caret-right fa-caret-down");
      });

    });
    /*]]>*/
  </script>
  <%= render("_templates/_footer.html.erb", :distro_key => distro_key, :images_path => images_path) %>
</body>
</html>
